<include file="Public:header"/>
<link rel="stylesheet" href="/comfile/css/index.css"/>
<div class="banner-box"  id="banner_qq_3479015851" >
	<div class="banner-tag-box">
	
		<gt name="Think.session.userId" value="0">
	
			<div class="banner-tag login-banner-tag">
				<div class="user-base">
						<span class="user-base-sp">
							Hi,<a href="#" target="_blank">{$Think.session.userName}</a>
						</span>
					<div class="user-info-block">
						<table>
							<tr>
								<td>可用 CNY</td>
								<td>冻结</td>
								<td>总资产</td>
							</tr>
							<tr>
								<td>{$userCoin_top['cny']}</td>
								<td>{$userCoin_top['cnyd']}</td>
								<td>{$userCoin_top['allcny']}</td>
							</tr>
						</table>
					</div>
				</div>
				<ul class="clearfix">
					<div class="user-info-fina">
						<a href="/Finance/mycz.html">CNY充值</a> <a href="/Finance/mytx.html">CNY提现</a>
						<a href="/User/index.html" class="w82">安全中心</a>
					</div>
				</ul>
				<a href="/Finance/index.html" target="_blank" class="green-link-btn">去财务中心</a>
				<a href="/Finance/mytj.html" target="_blank" class="transparent-link-btn">
					<i class="icon-hot-tag"></i> 推荐好友拿奖励 </a>
			</div>

	
		<else/>
		
		
		
		
            <div class="banner-tag visitor-banner-tag">
                <div class="topest-profit" style="margin:5px 0 0 0;">
                    <div class="modal-header" style="border:none;text-align:center;padding:0px;">

                        <h3 style="font-size:18px;">
                            风险提示
                        </h3>
                    </div>
                    <div class="modal-body" style="font-size:18px;width: 350px;">
                        <div style="font-size:13px;text-align:left;margin: 0px 0 0 0">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数字货币交易具有极高的风险（预挖、暴涨暴跌、庄家操控、团队解散、技术缺陷等），
                            据国家五部委《关于防范比特币风险的通知》，{$C['web_name']}仅为数字货币的爱好者提供一个自由的网上交换平台，
                            对币的投资价值不承担任何审查、担保、赔偿的责任，如果您不能接受，请不要进行交易！谢谢！
                        </div>
                    </div>
                </div>
                <a href="javascript:loginpop();" class="red-link-btn">立即登录 </a>
                <a href="/Login/register.html" class="red-link-btn" target="_blank"> 立即注册 </a>
            </div>

			
			
			
		</gt>
		
		
		
		
	</div>
	<div id="slider_index"
     class="slider" style="height:400px;">
    <div class="slider-loading" data-u="loading">
        <div class="slider-loading-a"></div>
        <div class="slider-loading-b"></div>
    </div>
    <div class="slider-body" data-u="slides">
	
	
		<volist name="indexAdver" id="vo">
			<div  onclick="window.location.href='{$vo['url']}'">
				<a src="" style=""><img data-u="image" title="" alt="" src="__UPLOAD__/ad/{$vo.img}"/>
				</a>
			</div>
		</volist>	
		
    </div>
			
			
        <div id="slider-body-navigator_index"
         class="sbn-3" data-u="navigator" style="position: absolute;
        bottom: 16px;" data-autocenter="1">
        <div data-u="prototype" style=""></div>
    </div>
            <span id="slider-body-arrow-l_index" data-u="arrowleft"
          class="slider-body-arrowleft-1" data-autocenter="2"></span>
    <span id="slider-body-arrow-r_index" data-u="arrowright"
          class="slider-body-arrowright-1" data-autocenter="2"></span>
    </div>
<textarea class="mv-hide" style="display: none;">
    slider_run("slider_index", [{"$Duration":1200,"x":0.3,"$SlideOut":true,"$Easing":{},"$Opacity":2}]);
</textarea>
</div>


<div style="height:0px;width:100%;clear:both;"></div>

<div class="tradeBox hg40" style=" width: 1200px;margin: 0 auto;   background: #FFF;">
	<div class="slideHd hg40" style="width: 1200px;margin: 0 auto;background: #FFF;">
		<ul class="active hg40  trade_qu_list" style="height: 40px;line-height: 40px;">
						
						
				<volist name="qq3479015851_jiaoyiqu" id="v">		
					<li  class="trade_moshi trade_qu_pai   
					<eq name="key" value="0">
					current 
					</eq>
					" data="{$key}" onclick="trade_qu(this)">
					<a> {$v} </a></li>
				</volist>
				

				
				
				
					</ul>
	</div>
</div>
<div class="price_today">
	<div class="autobox">
		<ul class="price_today_ull">
			<li data-sort="0" style="cursor: default;">交易市场</li>
			<li class="click-sort" data-sort="1" data-flaglist="0" data-toggle="0">最新成交价 <i
					class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
			</li>
			<li class="click-sort" data-sort="2" data-flaglist="0" data-toggle="0">买一价 <i
					class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
			</li>
			<li class="click-sort" data-sort="3" data-flaglist="0" data-toggle="0">卖一价 <i
					class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
			</li>
			<li class="click-sort" data-sort="6" data-flaglist="0" data-toggle="0">24H成交量 <i
					class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
			</li>
			<li class="click-sort" data-sort="4" data-flaglist="0" data-toggle="0">24H成交额				
			<i class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
			</li>
			<li class="click-sort" data-sort="7" data-flaglist="0" data-toggle="0">24H涨跌 <i
					class="cagret cagret-down"></i> <i class="cagret cagret-up"></i>
			</li>
			<li data-sort="0">价格趋势(3日)</li>
			<li data-sort="0" style="width: 150px; text-align: center; text-indent: 0.5em;">操作</li>
		</ul>
	</div>
</div>

<ul class="price_today_ul" id="price_today_ul" style="margin: 0px auto;width: 1200px;background: #FFF;box-shadow: 2px 2px 4px #D7DAE0;">

</ul>
<script src="/comfile/js/jquery.flot.js"></script>
<script>
	$('.price_today_ull > .click-sort').each(function () {
		$(this).click(function () {
			click_sortList(this);
		})
	})
	function allcoin_callback(priceTmp) {
		for (var i in priceTmp) {
			var c = priceTmp[i][8];
			if (typeof (trends[c]['data']) && typeof (trends[c]['data']) != 'null') {
				if (typeof (trends[c]) != 'undefined' && typeof (trends[c]['data']) != 'undefined') {
					$.plot($("#" + c + "_plot"), [{shadowSize: 0, data: trends[c]['data']}], {
						grid: {borderWidth: 0},
						xaxis: {mode: "time", ticks: false},
						yaxis: {tickDecimals: 0, ticks: false},
						colors: ['#f99f83']
					});
				}
			}
		}
	}
	function click_sortList(sortdata) {
		var a = $(sortdata).attr('data-toggle');
		var b = $(sortdata).attr('data-sort');
		$(".price_today_ull > li").find('.cagret-up').css('border-bottom-color', '#848484');
		$(".price_today_ull > li").find('.cagret-down').css('border-top-color', '#848484');
		$(".price_today_ull > li").attr('data-flaglist', 0).attr('data-toggle', 0);
		$(".price_today_ull > li").css('color', '');
		$(sortdata).css('color', '#1a81d6');
		if (a == 0) {
			priceTmp = priceTmp.sort(sortcoinList('dec', b));
			$(sortdata).find('.cagret-down').css('border-top-color', '#1a81d6');
			$(sortdata).find('.cagret-up').css('border-bottom-color', '#848484');
			$(sortdata).attr('data-flaglist', 1).attr('data-toggle', 1)
		}
		else if (a == 1) {
			$(sortdata).attr('data-toggle', 0).attr('data-flaglist', 2);
			;
			$(sortdata).find('.cagret-up').css('border-bottom-color', '#1a81d6');
			$(sortdata).find('.cagret-down').css('border-top-color', '#848484');
			priceTmp = priceTmp.sort(sortcoinList('asc', b));
		}
		renderPage(priceTmp);
		change_line_bg('price_today_ul', 'li');
		allcoin_callback(priceTmp);
	}
	function trends() {
		$.getJSON('/ajax/index_b_trends?t=' + rd(), function (d) {
			trends = d;
			allcoin();
		});
	}
	function allcoin(cb) {
		var trade_qu_id = $('.trade_qu_list .current').attr('data');
		$.get('/ajax/allcoin_a/id/' + trade_qu_id + '?t=' + rd(), cb ? cb : function (data) {
			var d;
			if (data.status == 1) {
				d = data.url;
			}
			ALLCOIN  = d;
			var t    = 0;
			var img  = '';
			priceTmp = [];
			for (var x in d) {
				if (typeof(trends[x]) != 'undefined' && parseFloat(trends[x]['yprice']) > 0) {
					rise1 = (((parseFloat(d[x][4]) + parseFloat(d[x][5])) / 2 - parseFloat(trends[x]['yprice'])) * 100) / parseFloat(trends[x]['yprice']);
					rise1 = rise1.toFixed(2);
				} else {
					rise1 = 0;
				}
				img = d[x].pop();
				d[x].push(rise1);
				d[x].push(x);
				d[x].push(img);
				priceTmp.push(d[x]);
			}
			$('.price_today_ull > .click-sort').each(function () {
				var listId = $(this).attr('data-sort');
				if ($(this).attr('data-flaglist') == 1 && $(this).attr('data-sort') !== 0) {
					priceTmp = priceTmp.sort(sortcoinList('dec', listId))
				} else if ($(this).attr('data-flaglist') == 2 && $(this).attr('data-sort') !== 0) {
					priceTmp = priceTmp.sort(sortcoinList('asc', listId))
				}
			});
			renderPage(priceTmp);
			allcoin_callback(priceTmp);
			change_line_bg('price_today_ul', 'li');
			t = setTimeout('allcoin()', 5000);
		}, 'json');
	}
	function rd() {
		return Math.random()
	}
	function renderPage(ary) {
		var html = '';
		for (var i in ary) {
			var coinfinance = 0;
			if (typeof FINANCE == 'object') coinfinance = parseFloat(FINANCE.data[ary[i][8] + '_balance']);
			html += '<li><dl class="autobox clear"><dt><a href="/trade/index/market/' + ary[i][8] + '/">' +
					'<img src="/upload/coin/' + ary[i][9] + '" style="vertical-align: middle;margin-right: 5px;width: 19px;margin-left: 12px;">' + ary[i][0] + '</a></dt><dd class="orange" style="text-indent: 1.6em;">' + ary[i][1] + '</dd><dd style="text-indent: 1.6rem;">' + ary[i][2] + '</dd><dd style="text-indent: 1.6rem;">' + ary[i][3] + '</dd><dd class="w142" style="    text-indent: 1.6rem;">' + formatCount(ary[i][6]) + '</dd><dd class="w142" style="    text-indent: 2.5rem;">' + formatCount(ary[i][4]) + '</dd><dd class="w142 ' + (ary[i][7] >= 0 ? 'buy' : 'sell') + '" style="    text-indent: 2.0rem;">' + (parseFloat(ary[i][7]) < 0 ? '' : '+') + ((parseFloat(ary[i][7]) < 0.01 && parseFloat(ary[i][7]) > -0.01) ? "0.00" : (parseFloat(ary[i][7])).toFixed(2)) + '%</dd><dd id="' + ary[i][8] + '_plot"  style="width:150px;height:35px;"></dd><dd class="w102" style="width:150px;text-align: center;text-indent: 0.5em;"><input type="button" value=去交易 class="btns2" onclick="top.location=\'/trade/index/market/' + ary[i][8] + '/\'" /></dd></dl></li>'
		}
		$('#price_today_ul').html(html);
	}
	function formatCount(count) {
		var countokuu = (count / 100000000).toFixed(3)
		var countwan  = (count / 10000).toFixed(3)
		if (count > 100000000)
			return countokuu.substring(0, countokuu.lastIndexOf('.') + 3) + '亿'
		if (count > 10000)
			return countwan.substring(0, countwan.lastIndexOf('.') + 3) + '万'
		else
			return count
	}
	function change_line_bg(id, tag, nobg) {
		var oCoin_list = $('#' + id);
		var oC_li      = oCoin_list.find(tag);
		var oInp       = oCoin_list.find('input');
		var oldCol     = null;
		var newCol     = null;
		if (!nobg) {
			for (var i = 0; i < oC_li.length; i++) {
				oC_li.eq(i).css('background-color', i % 2 ? '#f8f8f8' : '#fff');
			}
		}
		oCoin_list.find(tag).hover(function () {
			oldCol = $(this).css('backgroundColor');
			$(this).css('background-color', '#eaedf4');
		}, function () {
			$(this).css('background-color', oldCol);
		})
	}
	function sortcoinList(order, sortBy) {
		var ordAlpah = (order == 'asc') ? '>' : '<';
		var sortFun  = new Function('a', 'b', 'return parseFloat(a[' + sortBy + '])' + ordAlpah + 'parseFloat(b[' + sortBy + '])? 1:-1');
		return sortFun;
	}
	function trade_qu(o){
		$('.trade_qu_pai').removeClass('current');
		$(o).addClass('current');
		allcoin();
	}
	trends();
</script>


<style>



.container-full {
    min-width: 1170px !important;
}

@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768px)
.container {
    width: 750px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}



.col-xs-4 {
    width: 33.33333333%;
	float:left;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}



.col-xs-12 {
    width: 100%;
	float:left;
}

.text-danger {
    color: #fff;
}


.text-danger1 {
    color: #da2e22;
}



h3, .h3 {
    font-size: 21px;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 17px;
    margin-bottom: 8.5px;
}


/*****about*******/
.about {
	position: relative;
}

.about-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	padding-bottom: 105px;
	background: #fff;
}

.about-bg div {
	background: #eeebeb;
	width: 100%;
	height: 572px;
}

.about-top {
	padding-top: 60px;
	height: 185px;
}

.about .about-item {
	
}

.about .about-title {
	font-weight: bold;
	font-size: 25px;
}

.about .about-item p {
	line-height: 2em;
}

.about .about-con-box {
	margin: 60px auto;
}

.about .about-con {
	background: #fff;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-top: 65px;
	border: #d1d1d1 solid 1px;
	border-top: 5px solid #c83935;
	min-height: 450px;
}

.about .about-img {
	margin-top: 30px;
	height: 12em;
	width: 13em;
	display: inline-block;
}

.about .security {
	background: url("/comfile/images/indexplist.png") no-repeat 8px 0;
}

.about .professional {
	background: url("/comfile/images/indexplist.png") no-repeat -200px 0px;
}

.about .quick {
	margin-left: 25px;
	background: url("/comfile/images/indexplist.png") no-repeat -431px 0px;
}










</style>




<div class="container-full about index">
	<div class="about-bg">
		<div></div>
	</div>
	<div class="container text-center">
		<div class="about-con-box clearfix">
			<div class="col-xs-4 about-item">
				<div class="col-xs-12 about-con">
					<h3 class="text-danger1 about-title">安全</h3>
					<span class="about-img security"></span>
					<p class="text-left">SSL、冷钱包机制、多重加密存储等银行级安全技术，流程化、责任化的多重审核管理体系。</p>
				</div>
			</div>
			<div class="col-xs-4 about-item">
				<div class="col-xs-12 about-con">
					<h3 class="text-danger1 about-title">便捷</h3>
					<span class="about-img quick"></span>
					<p class="text-left">界面简约易懂，操作方便。系统稳定高效，速度响应快。手机电脑等客户端，随时随地均可交易。</p>
				</div>
			</div>
			<div class="col-xs-4 about-item">
				<div class="col-xs-12 about-con">
					<h3 class="text-danger1 about-title">平等</h3>
					<span class="about-img professional"></span>
					<p class="text-left">交易有前景的投资币种，减少投资风险；致力于数字资产落地化，惠及更多线下交易者，享有平等投资机会。</p>
				</div>
			</div>
		</div>
	</div>
</div>


<style>

.news {
	padding: 55px 0;
	background: #fff;
	border-top: 1px solid #eeebeb;
}

.news-items {
	width: 345px;
	height: 730px;
	border: 1px solid #f6f5f5;
	float: left;
	transition: width 0.3s;
}

.news-items.active {
	border: 1px solid #ec9690;
	width: 450px;
}

.news-items.active .news-item-hd {
	background: url("/comfile/images/news-hd.png") no-repeat 50% 50%;
	color: #fff;
}

.news-item-hd {
	height: 182px;
	background: #f9f9fa;
	padding-top: 22px;
}

.news-item-hd i {
	width: 59px;
	height: 62px;
	background: url("/comfile/images/indexplist.png") no-repeat;
	display: inline-block;
}

.news-item-hd i.notice-icon {
	background-position: 0 -1031px;
}

.news-item-hd i.topic-icon {
	background-position: -140px -1031px;
}

.news-item-hd i.reports-icon {
	background-position: -270px -1031px;
}

.news-items.active .news-item-hd i {
	background-position-y: -1131px;
}

.news-item-hd p.hd1 {
	font-size: 22px;
	font-weight: bold;
	color: #333;
}

.news-items.active .news-item-hd p.hd1 {
	color: #fff;
}

.news-item-hd p.hd2 {
	font-size: 16px;
	color: #999;
}

.news-items.active .news-item-hd p.hd2 {
	color: #fff;
}

.news-item-cn {
	padding: 0 30px;
}

.news .media {
	margin-top: 37px;
	display: inline-block;
	position: relative;
	width: 100%;
}

.news .media:hover {
	text-decoration: none;
}

.news .media-left {
	position: absolute;
	right: -10px;
}

.news-items.active .media-left img {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.news .media-left img {
	width: 88px;
	height: 77px;
	opacity: 0;
	filter: alpha(opacity = 0);
	transition: opacity 1s;
}

.news .media-heading {
	color: #333;
	font-size: 16px;
	margin-bottom: 10px;
}

.news .media-body {
	color: #999;
	font-size: 14px;
	line-height: 1.6;
	width: 280px;
	height: 88px;
}



</style>



<div style="min-height:841px;" class="container-full index news">
	<div class="container">
		<div class="news-items active" style="width: 450px;">
			<div class="news-item-hd text-center">
				<i class="notice-icon"></i>
				<p class="hd1">官方公告</p>
				<p class="hd2">掌握各类活动资讯</p>
			</div>
			<div class="news-item-cn">
				
					<volist name="indexArticle['gonggao']" id="vo">
						<a class="media" href="{:U('Article/detail','id='.$vo['id'])}">
							<div class="media-left">
								<img src="{$vo['img']}">
							</div>
							<div class="media-body">
								<h4 class="media-heading">{$vo['title']}</h4>
								{$vo['content']}...
							</div>
						</a>
					</volist>
				
			</div>
		</div>
		<div class="news-items" style="width: 345px;">
			<div class="news-item-hd text-center">
				<i class="topic-icon"></i>
				<p class="hd1">热门话题</p>
				<p class="hd2">最新最热的话题讨论</p>
			</div>
			<div class="news-item-cn">
				
				<volist name="indexArticle['taolun']" id="vo">
					<a class="media" href="{:U('Article/detail','id='.$vo['id'])}">
						<div class="media-left">
							<img src="{$vo['img']}">
						</div>
						<div class="media-body">
							<h4 class="media-heading">{$vo['title']}</h4>
							{$vo['content']}...
						</div>
					</a>
				</volist>
				
			</div>
		</div>
		<div class="news-items" style="width: 345px;">
			<div class="news-item-hd text-center">
				<i class="reports-icon"></i>
				<p class="hd1">媒体报道</p>
				<p class="hd2">多方面了解行业动态</p>
			</div>
			<div class="news-item-cn">
				
				<volist name="indexArticle['hangye']" id="vo">
					<a class="media" href="{:U('Article/detail','id='.$vo['id'])}">
						<div class="media-left">
							<img src="{$vo['img']}">
						</div>
						<div class="media-body">
							<h4 class="media-heading">{$vo['title']}</h4>
							{$vo['content']}...
						</div>
					</a>
				</volist>

			</div>
		</div>
	</div>
</div>


<script language="javascript">
	$(".news-items").mouseover(function(a) {
        $(".news-items").removeClass("active");
		$(".news-items").stop().animate({
            width: "345px"
        }, 50); 
		$(this).stop().animate({
            width: "450px"
        }, 50);
		$(this).addClass("active");
	});
</script>



<style>

.contact-comfile {
	padding-top: 60px;
	padding-bottom: 60px;
	border-top: #eeebeb solid 1px;
	background: url("/comfile/images/callinfo-bg.png") no-repeat 50% 50%;
}

.contact-con-comfile {
	border: #edecec 1px solid;
	box-shadow: 0 0 5px #eeebeb;
	background-color: #fff;
	position: relative;
}

.contact-con-comfile .top-split {
	border-top: #c83935 5px solid;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.contact-con-comfile .icon-iten {
	padding-bottom: 20px;
}

.contact-con-comfile .icon-iten .icon {
	width: 107px;
	height: 107px;
	display: inline-block;
	vertical-align: middle;
}

.contact-con-comfile .icon-iten .icon.qq {
	background: url("/comfile/images/indexplist.png") no-repeat 0 -450px;
}

.contact-con-comfile .icon-iten .icon.phone {
	background: url("/comfile/images/indexplist.png") no-repeat -198px -450px;
	margin-top:0px;
}

.contact-con-comfile .icon-iten .icon.app {
	background: url("/comfile/images/indexplist.png") no-repeat -399px -450px;
}

.contact-con-comfile .icon-iten .icon.weibo {
	background: url("/comfile/images/indexplist.png") no-repeat 0 -640px;
}

.contact-con-comfile .icon-iten .icon.wechat {
	background: url("/comfile/images/indexplist.png") no-repeat -198px -640px;
}

.contact-con-comfile .icon-iten .icon.email {
	background: url("/comfile/images/indexplist.png") no-repeat -399px -640px;
}

.contact-con-comfile .contact-item {
	padding-bottom: 40px;
	border-right: #edecec 1px solid;
	padding-top: 40px;
	background-color: #fff;
	height:296.5px;
}

.contact-con-comfile .contact-item ul li {
	margin-top: 5px;
	list-style: none;
	position: relative;
}

.contact-con-comfile .contact-item:last-child {
	border-right: #fff 1px solid;
}

.contact-con-comfile .contact-item ul {
	display: inline-block;
	font-size: 14px;
	padding-left: 0;
}

.contact-con-comfile .contact-item ul a {
	color: #333333;
}

.contact-con-comfile .contact-item:hover .dialog_qq3479015851 {
	
	opacity: 1;
	filter: alpha(opacity = 100);
}

.contact-con-comfile .contact-item .dialog_qq3479015851 {
	position:absolute;
	top:0px;
	width: 191px;
	height: 266px;
	background: #c83935;
	opacity: 0;
	filter: alpha(opacity = 0);
	transition: opacity .5s;
	padding-top:40px;
	text-decoration: none;
}

.contact-con-comfile .contact-item .dialog_qq3479015851:hover {
	
	text-decoration: none;
	
}

.contact-con-comfile .contact-item img {
	width: 135px;
	height: 135px;
	border-radius: 10px;
}

.contact-con-comfile .contact-item .dialog_qq3479015851 p {
	color: #fff;
	padding-top: 30px;
}

.contact-con-comfile .contact-item:hover .dialog_qq3479015851_1 {
	
	opacity: 1;
	filter: alpha(opacity = 100);
}

.contact-con-comfile .contact-item .dialog_qq3479015851_1 {
	position:absolute;
	top:0px;
	left:380px;
	width: 191px;
	height: 266px;
	background: #c83935;
	opacity: 0;
	filter: alpha(opacity = 0);
	transition: opacity .5s;
	
	text-decoration: none;
}

.contact-con-comfile .contact-item .dialog_qq3479015851_1 p {
	color: #fff;
	padding-top: 30px;
}


.contact-con-comfile p {
	color: #999;
	font-size: 14px;
}

.contact-con-comfile i.dots {
	width: 5px;
	height: 5px;
	background: #999;
	position: absolute;
	top: 7px;
	left: -10px;
	border-radius: 5px;
}

.col-xs-2 {
    width: 16.66666667%;
	float:left;
}


.container-comfile {
    width: 1170px;
    max-width: none !important;
}

.container-full-comfile {
    min-width: 1170px !important;
}

@media (min-width: 1200px)
.container-comfile {
    width: 1170px;
}
@media (min-width: 992px)
.container-comfile {
    width: 970px;
}
@media (min-width: 768px)
.container-comfile {
    width: 750px;
}

.container-comfile {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


</style>




<div class="container-full-comfile index contact-comfile ">
		<div style="height:296.5px;" class="container-comfile">
			<div class="contact-con-comfile text-center ">
				<div class="top-split"></div>
				
				
				
				<div class="col-xs-2 contact-item">
					<div class="icon-iten">
						<a href="http://wpa.qq.com/msgrd?v=3&uin={:C('contact_qq')[0]}&site=qq&menu=yes" target="_black">
							<i class="icon qq"></i>
						</a>
					</div>
					<p>官方QQ</p>
					<ul>
						<li>
							<a href="http://wpa.qq.com/msgrd?v=3&uin={:C('contact_qq')[0]}&site=qq&menu=yes" target="_black">{:C('contact_qq')[0]}</a>
						</li>
					</ul>
				</div>
				
				
				
				
				
				<div class="col-xs-2 contact-item">
					<div class="icon-iten">
						<i class="icon phone"></i>
					</div>
					<p>24小时热线</p>
					<ul>
						<li>{:C('contact_moble')}</li>
					</ul>
				</div>
				<div class="col-xs-2 contact-item">
					<div class="icon-iten">
						<i class="icon app"></i>
					</div>
					<p>APP下载</p>
					<ul>
						<li>安卓、IOS</li>
					</ul>
					<a class="dialog_qq3479015851_1" target="_black" href="#">
						<img style="padding-top:40px;" alt="下载APP" src="/comfile/images/appdown.png">
						<p>点击查看下载APP</p>
					</a>
				</div>
				<div class="col-xs-2 contact-item">
					<div class="icon-iten">
						<a href="#" target="_block">
							<i class="icon weibo"></i>
						</a>
					</div>
					<p>手机访问</p>
					<ul>
						<li>
							<a href="{:C('contact_weibo')}" target="_block"> @{:C('web_name')}网</a>
						</li>
					</ul>
					<div class="dialog_qq3479015851">
						<img alt="手机版二维码" src="/Upload/public/{:C('contact_app_img')}">
						<p>扫描直接访问手机版</p>
					</div>
				</div>
				<div class="col-xs-2 contact-item">
					<div class="icon-iten">
						<i class="icon wechat"></i>
					</div>
					<p>官方微信</p>
					<ul>
						<li>{:C('contact_weixin')}</li>
					</ul>
					<div class="dialog_qq3479015851">
						<img alt="微信二维码" src="/Upload/public/{:C('contact_weixin_img')}">
						<p>扫描关注官方微信</p>
					</div>
				</div>
				<div class="col-xs-2 contact-item">
					<div class="icon-iten">
						<a target="_blank" href="javascript:void(0)">
							<i class="icon qq"></i>
						</a>
					</div>
					<p>官方QQ群</p>
					<ul>
						
						<volist name=":C('contact_qqun')" id="v">
							<li>
								<i class="dots"></i><a href="#">{$v}</a>
							</li>
							
						</volist>
						
						
					</ul>
				</div>
			</div>
		</div>
	</div>




















<div style="height:0;width:100%;clear:both;"></div>

	



<style>

.content {width:1100px;overflow:hidden;margin:0px auto 0;}
.content_l {width:665px;overflow:hidden;float:left;}
.content_r {width:310px;overflow:hidden;float:right;}
.title {font-size:16px;height:32px;line-height:32px;}
/*links*/
#links {width:1100px;height:54px;overflow:hidden;float:left;margin:0 10px;}
#links ul {height:42px;padding-top:11px;overflow:hidden;width:2000px;}
#links li {float:left;width:90px;margin:0 10px;display:inline;}
#links img {display:block;width:90px;height:32px;overflow:hidden;}
#links a:hover img {opacity:0.8;filter:alpha(opacity=80);}

.slideContainer{position: relative;z-index:0;}

</style>	

	
<div class="index_news mt20 index_news1 "   style="    margin-bottom: -20px;">
	<ul class="index_media_ul index_media_ul4 ml35">
		<li class="index_media_li active">合作伙伴</li>
	</ul>

	
	
	
<div class="content links">
    <div class="links_list">
        <div id="links">
            <ul id="slideContainer" class="slideContainer" >
                
				
				
	<volist name="indexLink" id="vo">
		<li>
			<a href="{$vo['url']}" alt="{$vo['title']}" title="{$vo['title']}" target="_blank" >
				<img src="/Upload/link/{$vo['img']}">
			</a>
		</li>
	</volist>	
				
				
            </ul>
        </div>
    </div>  
</div>
	
	
	
	
	
	
	
	
	
	
	
</div>



<script type="text/javascript">

//c的值为每次滚动数
                var slideContainer = $('#slideContainer'), c = 1, s_w = 110 * c, counts_l = 0, counts_r = 0, maxCounts = slideContainer.find('li').size() - 0, gameOver = true, slideCounts = 10, sTimer;

                function link_next_event() {
                    if (gameOver) {
                        gameOver = false;
                        counts_r++;
                        slideContainer.animate({
                            left: '-=' + s_w
                        }, 500, function() {
                            gameOver = true;
                            slideContainer.animate({
                                left: '+=' + s_w
                            }, 0);
                            slideContainer.find('li:lt(' + c + ')').clone().appendTo(slideContainer);
                            slideContainer.find('li:lt(' + c + ')').remove();
                        });
                    }
                }

                lastCLiHtml();
                slideContainer.find('li:gt(' + (maxCounts - 1) + ')').remove();
                function lastCLiHtml() {
                    var html = '';
                    slideContainer.find('li:gt(' + (maxCounts - c - 1) + ')').each(function() {
                        html += '<li>' + $(this).html() + '</li>';
                    });
                    slideContainer.html(html + slideContainer.html()).css({
                        'margin-left': -s_w + 'px'
                    });
                }

                var l_hover = false, m_hover = false, r_hover = false;
                $('#links').on({
                    'mouseover': function() {
                        m_hover = true;
                        clearInterval(sTimer);
                    },
                    'mouseout': function() {
                        m_hover = false;
                        isStartGo();
                    }
                });


                setInverterTimer();
                function setInverterTimer() {
                    clearInterval(sTimer);
                    sTimer = setInterval(function() {
                        link_next_event();
                    }, 2000);
                }

                function isStartGo() {
                    var st = setTimeout(function() {
                        if (!l_hover && !m_hover && !r_hover) {
                            setInverterTimer();
                        }
                    }, 1000);
                }
  
</script>














<script>
	$('#index_box').addClass('active');
</script>


<script src="__PUBLIC__/Home/js/canva.index.js?version=201612131123"></script>


<style>


.modal-open {
    overflow: hidden;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 10%);
    /*transform: translate(0, 0);*/
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}
.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 5px 0 20px 0;
    text-align: center;
}
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 0px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}
.modal-footer:after {
    clear: both;
}



</style>



<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="text-align: center;display: none;padding-right: 16px;">
	<div class="modal-dialog" style="width:640px;text-align:center;">
		<div id="autoCenter" class="modal-content" style="padding: 5px 30px 10px; height: auto; margin-top: 164px;">
			
			
			<div class="modal-header" style="border:none;text-align:left;margin-left:20px;">
				
				<h3 class="modal-title" id="myModalLabel" style="font-size:18px;">
					{$C['web_name']}提醒您:
				</h3>
			</div>
			<div class="modal-body" style="font-size:18px;width: 550px;margin-top:-30px;">
				<div class="paragraph paragraph_news" style="font-size:14px;text-indent:2em;line-height: 30px;text-align:left;">
                       {$C['web_waring']}
				</div>
			</div>
			<div class="modal-footer" style="border:none;">
				<button type="button" style="cursor:pointer;font-family:Microsoft YaHei !important;font-size:18px;background: #f60;width:200px;height:40px;border:0px;color:white" class="btn btn-warning" data-dismiss="modal" id="yes_sure">我已了解以上风险
				</button>
			</div>
		</div>
	</div>
</div>

<div class="modal-backdrop fade in" style="display:none;"></div>

<script>

	$("#yes_sure").click(function(){
		$('#myModal').css('display','none');
		$('.modal-backdrop').css('display','none');
		$.cookies.set('move_waring', 1);
	});
	
	$(function () {
        var waring = $.cookies.get('move_waring');
        if (!waring) {
			$('#myModal').css('display','block');
			$('.modal-backdrop').css('display','block');
			$.cookies.set('move_waring', 1,{ hoursToLive: 24 });
        }
    });


</script>


<include file="Public:footer"/>




